{extends file="base.html"}

{block name="lunbo"}
	<div class="row hidden-xs">
		<div class="col-md-3">
			<img class="img-responsive" src="./public/images/11.jpg" />
		</div>
		<div class="col-md-3">
			<img class="img-responsive" src="./public/images/22.jpg" />
		</div>
		<div class="col-md-3">
			<img class="img-responsive" src="./public/images/33.jpg" />
		</div>
		<div class="col-md-3">
			<img class="img-responsive" src="./public/images/22.jpg" />
		</div>
	</div>
{/block}

{*主体*}
{block name="content"}
	<!-- 当前页 -->
	<h2 class="news-tit place-tit">
		<i class="glyphicon glyphicon-grain"></i><span>当前位置 : </span><a href="index.php">主页</a> > <a href="#">{$kname}</a>
	</h2>
	{foreach $list as $art}
	<div class="row items">
		<div class="col-md-4">
			<a href="index.php?a=content&id={$art.id}">
				<img class="img-responsive" src="./public/images/{$art.pic}" />
			</a>
		</div>
		<div class="col-md-8">
			<h3 class="tit"><a href="index.php?a=content&id={$art.id}">{$art.title}</a></h3>
			<p class="info">{$art.abstract}</p>
			<p class="autor">
				<a href="#"  class="bk"><i class="glyphicon glyphicon-user"></i>{$art.author}</a>
				<a href="#"  class="date"><i class="glyphicon glyphicon-time"></i>{$art.addtime|date_format:"%Y-%m-%d"}</a>
				<a href="#"  class="pull-right  pl"><i class="glyphicon glyphicon-comment"></i>评论(30)</a>
				<a href="#"  class="pull-right ll"><i class="glyphicon glyphicon-tags"></i>浏览({$art.clicks})</a>
			</p> 
		</div>
	</div>
	{/foreach}
	{$show}
	
	
{/block}

{*侧边栏*}
{block name="aside"}
	<!-- 标签（3） -->
	<div class="panel panel-default margin-top">
		<!-- Default panel contents -->
		<div class="panel-heading">热门标签</div>
		<ul class="list-group">
			<li class="list-group-item">
			{foreach $tag as $t}
			<h4 class="tag"><a href="index.php?a=tlist&t={$t.id}"><span class="label label-info">{$t.name}</span></a></h4>
			{/foreach}
			</li>
		</ul>
	</div>
	<!-- 热门推荐 -->
	<div class="panel panel-default margin-top">
	    <div class="panel-heading">热门推荐</div>
	    <div class="panel-body">
	        <ul class="nav nav-tabs" id="myTab"> 
		      <li class="active"><a href="#home" data-toggle='tab'>最热</a></li> 
		      <li><a href="#jishu" data-toggle='tab'>技术</a></li> 
		      <li><a href="#life" data-toggle='tab'>生活</a></li>  
		    </ul> 
		       
		    <div class="tab-content"> 
		      <div class="tab-pane active" id="home">
					<ul class="list-group">
						{foreach $hot as $h}
		  				<li class="list-group-item">
		  					<a href="index.php?a=content&id={$h.id}" style="color:#272a30;" >
		  					<span class="glyphicon glyphicon-fire" aria-hidden="true">{$h.title}
		  					</span>
		  					</a>
		  				</li>
						{/foreach}
		  			</ul>
		      </div> 
		      <div class="tab-pane" id="jishu">
					<ul class="list-group">
						{foreach $jishuhot as $jh}
		  				<li class="list-group-item">
		  					<a href="index.php?a=content&id={$jh.id}" style="color:#272a30;" >
		  						<span class="glyphicon glyphicon-fire" aria-hidden="true">{$jh.title}
		  						</span>
		  					</a>
		  				</li>
						{/foreach}
		  			</ul>
		      </div> 
		      <div class="tab-pane" id="life">
					<ul class="list-group">
						{foreach $lifehot as $lh}
		  				<li class="list-group-item">
		  					<a href="index.php?a=content&id={$lh.id}" style="color:#272a30;" >
		  						<span class="glyphicon glyphicon-fire" aria-hidden="true">{$lh.title}
		  						</span>
		  					</a>
		  				</li>
						{/foreach}
		  			</ul>
		      </div> 
		    </div> 
	    </div>
    </div>
	<!-- 最新文章 -->
	 <div class="panel panel-default margin-top">
		<!-- Default panel contents -->
		<div class="panel-heading">最新文章</div>
		<ul class="list-group">
		  {foreach $new as $n}
		  	<li class="list-group-item"><a href="index.php?a=content&id={$n.id}" style="color:#272a30;" ><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>{$n.title}</a></li>
		  {/foreach}
		</ul>
	</div>
	
	<!-- 联系博主 -->
	
	<!-- 友情推荐 -->
{/block}
